<!--订单详情-->
<template>
    <div>
        <!--1-->
         <el-row class="nav_a_top">
            <el-col :span="24"><div class="grid-content bg-purple-light"><div>订单详情</div></div></el-col>
        </el-row>
        <!--2-->
        <div class="ddxq_contgainer">
            <div><span>订单号：</span><span>878787</span></div>
            <div><span>姓名：</span><span>阿达西</span></div>
            <div><span>手机号：</span><span>17777777777</span></div>
            <div><span>订单金额：</span><span>200.00元</span></div>
            <div><span>支付方式：</span><span>微信支付</span></div>
            <div><span>下单时间：</span><span>2017-01-14 16：20：12</span></div>
            <div><span>配送时间：</span><span>2017-01-14</span></div>
            <div><span>制餐厨房：</span><span>美地中央空调</span></div>
            <div><span>配送餐柜：</span><span>海汇中心001柜</span></div>
            <div><span>仓门号码：</span><span>02</span></div>
            <div><span>配送人员：</span><span>小红</span></div>
            <div><span>订单状态：</span><span>已经送达2017-11-24 10：20</span></div>
            <div><span>取餐码：</span><span>36852（已失效）</span></div>
        </div>
        <!--3-->
        <div>
            <div class="nav_two">订单详细记录</div>
            <table class="ddxq_table">
                <tr>
                    <td>菜品名</td>
                    <td>菜品售价</td>
                    <td>菜品付款价格</td>
                    <td>菜品数量</td>
                    <td>添加时间</td>
                </tr>
                <tr>
                    <td>麻辣小姐姐</td>
                    <td>120.00</td>
                    <td>120.00</td>
                    <td>1</td>
                    <td>2017-09-15 16：20：12</td>
                </tr>
            </table>
        </div>
    </div>
</template>
<script>
    export default{
        name:"ddxq",
        data(){
            return{

            }
        }
    }

</script>
<style scoped>
/*1*/
.nav_a_top{height: 40px;background-color: white;padding: 10px;}
/*2*/
.nav_two{font-weight: 600;color: black;}
.ddxq_contgainer{margin: 15px;}
.ddxq_contgainer>div{margin-top: 5px;}
.ddxq_table{ width:100%};
.ddxq_table>tr:nth-child(1){background-color: #cdcdcd;}
.ddxq_table>tr:nth-child(2){background-color: white}
.ddxq_table td{height: 50px;border:1px solid #bbb;text-align: center;}
</style>